<template>
	<view class="page">
		<view class="title">您的预估额度(元)</view>
		<view class="money">{{ obj.quota }}</view>
		<view class="btn">立即提现</view>
		<view class="yes_b">
			<text>{{ obj.name }}</text>
			<text>最低年利率{{ obj.rate }}%</text>
			<text>最快{{ obj.quick_loan_time * 60 }}分钟到账</text>
		</view>
	</view>
</template>

<script>
export default {
	name: 'userYes',
	props: {
		obj: {
			type: Object || Array,
			default() {
				return {}
			}
		}
	},
	components: {},
	data() {
		return {}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	methods: {},
	onHide() {},
	onUnload() {}
}
</script>
<style lang="scss" scoped>
.page {
	padding: 24rpx 58rpx;
	display: flex;
	flex-direction: column;
	text-align: center;
	.title {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	.money {
		margin-top: 36rpx;
		font-size: 100rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #3478f2;
	}
	.btn {
		width: 572rpx;
		margin: 34rpx auto;
		height: 88rpx;
		line-height: 88rpx;
		background: #3478f2;
		border-radius: 44rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #ffffff;
		text-align: center;
	}
	.yes_b {
		box-sizing: border-box;
		padding: 0 24rpx;
		height: 72rpx;
		width: 100%;
		background: #eff4ff;
		border-radius: 8rpx;
		line-height: 72rpx;
		display: flex;
		justify-content: space-between;
		text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #0780fe;
			position: relative;
		}
	}
}
.yes_b text::after {
	position: absolute;
	content: '';
	width: 2rpx;
	height: 24rpx;
	background: #bdbdbd;
	right: -16rpx;
	top: 35%;
}
.yes_b text:last-child::after {
	width: 0;
}
.btn:active {
	opacity: 0.8;
}
</style>
